<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="initial-scale=1.0,user-scalable=no" />
		<link rel="stylesheet" href="../../style/css/public.css" />
			<script type="text/javascript"  src="../../style/js/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript"  src="../../style/js/portfolio_loan.js" ></script>
	</head>
	<body>
		<div class="calculation_button">开始计算</div>
		
		<div class="lending_calculator">
			<ul>
				<li><a href="../accumulation_fund/公积金贷.html">公积金</a></li>
				<li><a href="../business_loan/商贷.html">商贷</a></li>
				<li><a href="../portfolio_loan/组合贷.html"   class="a_active">组合贷</a></li>
			</ul>
		</div>
		
		
		
		<div class="loan_details">
			<div class="loan_details_left">计算方式</div>
			<select class="sec" id="calculation_method">
				<option value="1">按贷款总额</option>
				<option value="2">按房价总额</option>
			</select>
		</div>
		
		
			<div class="total_price" style="display: none;">
		<div class="loan_details">
			<div class="loan_details_left">房价总额</div>
			 <div class="rmb">万</div>
			 <input class="rmb_input" type="number"  id="price_z"/>
		</div>
		
		<div class="loan_details">
			<div class="loan_details_left">贷款比例</div>
			<select class="sec" id="proportion" >
				<option value="0.2">20%</option>
				<option value="0.25">25%</option>
				<option value="0.3">30%</option>
				<option value="0.35">35%</option>
				<option value="0.4">40%</option>
				<option value="0.45">45%</option>
				<option value="0.5">50%</option>
				<option value="0.55">55%</option>
				<option value="0.6">60%</option>
				<option value="0.65">65%</option>
				<option value="0.70">70%</option>
				<option value="0.75">75%</option>
				<option value="0.8">80%</option>
			</select>
		</div>
		</div>
		
		<div class="loan_details">
			<div class="loan_details_left">贷款总额</div>
			 <div class="rmb">万</div>
			 <input class="rmb_input" type="number"  id="price2_z"/>
		</div>
		
		<div class="loan_details">
			<div class="loan_details_left">公积金贷款</div>
			 <div class="rmb">万</div>
			 <input class="rmb_input" type="number"  id="hpf_loans"/>
		</div>
		
		<div class="loan_details">
			<div class="loan_details_left">贷款利率</div>
			<select class="sec" id="lending_rate_hpf" style="width:auto; padding-right: 10px;">
				<option value="0.0325">公积金基准利率1倍（3.25%）</option>
				<option value="0.03575">公积金基准利率1.1倍</option>
				<option value="0.039">公积金基准利率1.2倍</option>
			</select>
		</div>
		
		<div class="loan_details">
			<div class="loan_details_left">商贷总额</div>
			 <div class="rmb">万</div>
			 <input class="rmb_input" type="number"  id="commercial_loan"/>
		</div>
		<div class="loan_details">
			<div class="loan_details_left">贷款年限</div>
			<select class="sec" id="year" >
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="14">14</option>
				<option value="15">15</option>
				<option value="16">16</option>
				<option value="17">17</option>
				<option value="18">18</option>
				<option value="19">19</option>
				<option value="20"selected>20</option>
				<option value="21">21</option>
				<option value="22">22</option>
				<option value="23">23</option>
				<option value="24">24</option>
				<option value="25">25</option>
				<option value="26">26</option>
				<option value="27">27</option>
				<option value="28">28</option>
				<option value="29">29</option>
				<option value="30">30</option>
			</select>
		</div>
		<div class="loan_details">
			<div class="loan_details_left">利率方式</div>
			<select class="sec"  id="lpr_old"  >
				<option value="1">按最新LPR</option>
				<option value="2">按照旧版基准利率</option>
			</select>
		</div>
		<div class="lpr_con" >
			<div class="loan_details">
				<div class="loan_details_left">LPR</div>
				<div class="rmb">%</div>
				<input class="rmb_input" type="number" value="4.65"  id="lpr_inp"/>
			</div>
			<div class="loan_details">
				<div class="loan_details_left">基点</div>
				<div class="rmb" style="width:50px;">BP(‱)</div>
				<input class="rmb_input" type="number" value="0"  id="lpr_base"/>
			</div>
			<div class="loan_details" style="display: flex;align-items: center;justify-content: space-between;">
				<div class="loan_details_left">贷款利率</div>
				<div id="lpr_rate" style=" display: flex;justify-content: space-between;min-width: 220px;color:#777;"><span>4.65%</span> <span>+</span> <span>0‱</span> <span>=</span> <span style="color:#1a1a1a;">4.65%</span></div>
			</div>
		</div>
		<div class="loan_details old_con">
			<div class="loan_details_left">商贷利率</div>
			<select class="sec" id="lending_rate_commercial">
				<option value="0.0490">商业基准利率(4.90%)</option>
				<option value="0.04655">商业基准利率9.5折</option>
				<option value="0.0441">商业基准利率9折</option>
				<option value="0.04312">商业基准利率8.8折</option>
				<option value="0.04263">商业基准利率8.7折</option>
				<option value="0.04214">商业基准利率8.6折</option>
				<option value="0.04165">商业基准利率8.5折</option>
				<option value="0.04018">商业基准利率8.2折</option>
				<option value="0.0392">商业基准利率8折</option>
				<option value="0.03675">商业基准利率7.5折</option>
				<option value="0.0343">商业基准利率7折</option>
				<option value="0.0539">商业基准利率1.1倍</option>
				<option value="0.0588">商业基准利率1.2倍</option>
				<option value="0.0637">商业基准利率1.3倍</option>
			</select>
		</div>
		
		
		

		
	
		
	</body>
</html>
